<template>
    <view class="u-content-rich">
        <u-parse :html="reason"></u-parse>
        <view class="btn" @click="goHome">回到首页</view>
    </view>
</template>
<script>
export default {
    data() {
        return {
            reason: ''
        };
    },
    onLoad(e) {
        this.reason = e.reason;
    },
    mounted() {
        document.querySelector('.uni-page-head-hd').style.display = 'none';
    },
    methods: {
        goHome() {
            uni.switchTab({
                url: '/pages/index/index'
            });
        }
    }
};
</script>
<style lang="scss" scoped>
.u-content-rich {
    margin: 1rem 0;
    text-align: center;
    margin-top: 50%;
	position: relative;
	font-size: 36rpx;
	padding: 1rem 1.5rem;
    transform: translateY(-50%);
}
.btn {
	width: 250rpx;
	height: 80rpx;
	font-size: 28rpx;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 50%);
    font-weight: 500;
    color: #fff;
    background-color: #269aff;
	line-height: 80rpx;
	border-radius: 49rpx;
	text-align: center;
}
</style>
